//
// Variables
// --------------------------------------------------

// font-size
$f10: 10px;
$f12: 12px;
$f14: 14px;
$f16: 16px;
$f18: 18px;
$f20: 20px;

// Color
$main-color: #2d52f2;
$auxiliary-color: #5d6673; // 辅助颜色
$link-bg-color: #f2f6f9;

$success-color: #56d48f;
$warning-color: #edb126;
$error-color: #ff381a;
$disable-color: #cacccf;

$text-success: #4fcf66;
$text-black: #000000; // 一级标题
$text-333: #333333; // 主要文字
$text-666: #666666; // 常规文字
$text-999: #999999; // 次要文字
$th-text: #a6abb5; // 次要文字
$text-light: #cccccc;
$title-double: #182334;
$placeholder: #a6abb5;

$text-color: $text-333;
$shadow-color: $disable-color;
$link-color: #2d52f2;
$white-color: #ffffff;
$pink-color: #f58998;
$text-182: #182334; // 主要文字

// Background color
$bg-main: #ffffff;
$bg-white: #ffffff;
$bg-body: $bg-main;
$bg-slide: #081324;
$bg-slide-select: #040b16;
$background-color-hover: #f4faff;
$bg-title: #f6f8fc;
$bg-menu: #3f5069;

// border
$border-radius: 3px;
$detail-radius: 2px;
$border-color: #dee0e3; // 边框
$border-main-color: #2d52f2; // 边框
$split-color: #e8eaed; // 分割线
$detail-color: #ebebeb;
$table-border: #e8e8e8;
$title-border: #ececec;
$table-menu: #d8dbe0;
$list-border: #e9ebec;

// Shadow
$shadow-down: 0 1px 6px $border-color;
$shadow-base: $shadow-down;
$home-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
$shadow-card: 0 0 5px 1px $border-color;
$shadow-up: 0 -1px 6px $border-color;
$shadow-left: -1px 0 6px $border-color;
$shadow-right: 1px 0 6px $border-color;

// sidebar
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$subMenuActiveText: #f4f4f5; //https://github.com/ElemeFE/element/issues/12951

$menuBg: #304156;
$menuHover: #263445;

$subMenuBg: #1f2d3d;
$subMenuHover: #001528;

$sideBarWidth: 210px;